<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/angular.min.js"></script>
</head>
<body>
    <div ng-app="myApp" ng-controller="myCon">
        <input type="text" ng-model="num1">+
        <input type="text" ng-model="num2">=
        <span>{{num3}}</span>
        <button ng-click="fn()">点击进行运算</button>
    </div>
<script type="text/javascript">
   var app=angular.module("myApp",[]);
   app.controller("myCon",function ($scope,$add) {
        $scope.fn=function () {
            var n1=$scope.num1-0;//隐式转换
            var n2=$scope.num2-0;//隐式转换
            var m=10+"";//隐式转换成字符串
            $scope.num3=$add.sum(n1,n2);
        }
   });
   //自定义服务函数
   /**
    * service----自定义函数服务的方法
    * （1）服务名称
    * （2）函数，在这个函数里面定义你要定义的函数功能逻辑
    */
    app.service("$add",function () {
        //可以把这个函数理解成一个构造函数
        //在构造函数里面添加方法或者定义方法，都需要借助与this关键字，指向当前的服务
        this.sum=function (x,y) {
             return x+y;
        };
        this.jian=function (x,y) {
              return x-y;
        }
    })



</script>
</body>
</html>